<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SPRINT Membership Management System</title>

<style type ="text/css">
@import url(member/css/home_styles.css);
@import url(member/css/nav_menu.css);
@import url(member/css/jqtransform.css);
@import url(member/css/buttonstyle.css);
</style>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="member/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="member/js/jquery.min.js"></script>
<script type="text/javascript" src="member/js/script.js"></script>
<!--<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>-->
<script type="text/javascript" src="member/js/jquery"></script>
<script type="text/javascript" src="member/js/jquery.jqtransform.js"></script>
<script>
    $(document).ready(function(){
        


        $("#edit_profile").click(function() {
            $('#panel').load('${pageContext.request.contextPath}/member_showedit');
            $('#panel').hide();
            $('#panel').fadeIn('slow');
        });
        
        $('#home').click(function(){
                location.reload();
            });
   });
   
    

</script>


</head>

<body>

<h1>SPRINT<br/> 
Membership Management System
</h1>



<div style="margin: auto; width: 1000px; height: 1000px;">
<div id="main2" style="float: left; width: 166px;">
<ul id="navigationMenu" style="float: right;">
    <li>
	    <a class="home" id="home" href="#">
            <span>My Profile</span>
            </a>
    </li>
    
    <li>
    	<a class="about" id="member" href="member_showcurrenteca">
            <span>My Activities</span>
        </a>
    </li>
    
    <li>
	     <a class="services" id="eca" href="member_showall">
            <span>Manage ECA</span>
         </a>
    </li>

</ul>
</div>

	<div id="main">
            <div id="member_title" style="text-align:center; color: #616161; font-size: 35px; text-decoration: underline; font-family: Garamond;"> My Profile</div>
		<a href="logout" id ="logout" class="button square red effect-2" style="color: #FFFFFF; margin-left: 420px; ">LOG OUT</a>
<br/><br/>
                <br/>
                <br/>
                <div id="holder">
                    <div id ="profile">
                    <c:forEach var="member" items="${memberList}">
                    <input type="hidden" name="memberid" type="text" value="${member.memberid}"/>
                        <div id ="status"> Status: ${member.status}</div>
                        <div id= "cgpa">    CGPA: ${member.cgpa}</div>
                        <div id="cgpa">     Points: ${member.eca_points}</div>
                                            Name : ${member.fullname} <br/>
                                            Birthdate: ${member.birthdate}</br>
                                            Course: ${member.course}</br>
                                            Batch: ${member.batch}</br>
                                            Phone Number: ${member.phone_number}</br>
                                            Cell Number: ${member.cell_number} </br>
                                            Email: ${member.email}</br>
                    </c:forEach>  
                    </div>
                </div></br></br>
                <div id="options">
		<div class="button-row">

                <a href="#" id ="edit_profile" class="button square blue effect-2" style="color: #FFFFFF;">EDIT PROFILE</a>
                
                </div>
            </div>
                </br>   
                <div id="panel">  
                </div>
                    
	</div>
</div>


</body>
</html>
